.toggle {
  border: var(--radon-border-layout);
  padding: 4px;
  display: flex;
  width: fit-content;
  height: 40px;
}

.button {
  padding: 8px;
  background-color: transparent;
  border: none;
  align-items: center;
  display: flex;
  color: var(--ifm-color-primary);
  cursor: pointer;
}

.button:hover {
  background-color: var(--radon-border);
}

.button.active {
  background-color: var(--radon-button);
  color: var(--radon-button-text);
}
